<!doctype html>
<html>
<head>
     <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    
    <link rel="stylesheet" href="js/css/bootstrap.min.css">


<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" >
    $(function(){
	    //$("#div").attr("title","你是测试么")     Jquery对象方法
		//document.getElementById("div").title="word"   //DOM对象方法
		//jquery对象转换DOM对象
		var div =$("#div")
		var div2 =div[0];
		var div3 =div.get(0);
		//div2 div3均为DOM对象
		//以下写法也是正确的
		$("#div").html() ;
		$("#div")[0].innerHTML;
		$("#div").eq(0)[0].innerHTML ;
		$("#div").get(0).innerHTML;
		
		//DOM对象转换为JQuery对象
		var div=document.getElementById("div");
		var $div=$(div);
		$div.attr("title","测试")
		
		//jQuery 使用 CSS 选择器来选取 HTML 元素。
// $("p") 选取 <p> 元素。
//$("p.intro") 选取所有 class="intro" 的 <p> 元素。
//$("p#demo") 选取所有 id="demo" 的 <p> 元素。


 /*通配符选择器  *     
 群组选择器    div,p,span
 后代选择器    div p  （包括子元素所有和孙子元素）
子元素选择器  div > p （只包括直接子元素 不含孙子元素）
相邻同级选择器    div+p （必须相邻且同级的）
同级选择器    div~p 节点后面所有同级p的元素

*/

/*基本过滤器：
$(“p:first”);获取第一个p元素
$(“p:last”);获取最后一个p元素
$(“p:even”); 获取所有第偶数个p元素
$(“p:odd ”); 获取所有第奇数个p元素
$(“p: eq(1) ”);获取索引为1的p元素，索引值从0算起
$(“p: gt(1) ”);获取索引大于1的p元素，索引值从0算起
$(“p: lt(1) ”);获取索引小于1的p元素，索引值从0算起
$(“p:not(.red)”);获取class不是red的所有p元素
$(":header");获取页面所有<h>标题元素h1~h6
$(":animated");获取所有正在执行动画效果的元素*/



	})
</script>
<style>
div.current( background:red ;)

</style>
</head>

<body>
 <div id="div"> 测试2 </div>
 <div class=" has-error has-feedback">
  <label class="control-label" for="inputError2">Input with error</label>
  <input type="text" class="form-control" id="inputError2" aria-describedby="inputError2Status">
  <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>
  <span id="inputError2Status" class="sr-only">(error)</span>
 
 
</body>
</html>
